<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<title>Quote</title>
<head>
	<meta charset="utf-8">	
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	
	<!--Add to Calendar-->
    <script src="src/js/jscal2.js"></script>
    <script src="src/js/lang/en.js"></script>
    <link rel="stylesheet" type="text/css" href="src/css/jscal2.css" />
    <link rel="stylesheet" type="text/css" href="src/css/border-radius.css" />
    <link rel="stylesheet" type="text/css" href="src/css/steel/steel.css" />
	<!--End Add to Calendar-->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="funciones.js" language="JavaScript"></script>
    <link rel="stylesheet" href="css/style.css" type="text/css" />
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/main.css">		
	<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
	<script src="js/editor.js"></script>
	<!--[if lt IE 9]>
		<script src="js/vendor/html5-3.6-respond-1.1.0.min.js"></script>
	<![endif]-->
</head>
<body id="index">
<!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->

<div class="navbar navbar-inverse navbar-fixed-top">
	<div class="navbar-inner">
		<div class="container">
			<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</a>
			<a class="brand" href="http://nuevalengua.com" target="blank" >Nueva Lengua</a>
			<div class="nav-collapse collapse">
				<ul class="nav">
					<li class="active"><a href="#">Quote</a></li>
					<li><a href="http://nuevalengua.com/contact-us.html" target="blank">Contact</a></li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">More <b class="caret"></b></a>
						<ul class="dropdown-menu">
                                                        <li><a href="ct-admin/listCot.php" target="blank">Quotes</a></li>
							<li class="divider"></li>													
						</ul>
					</li>
				</ul>
				<form class="navbar-form pull-right">
					<input class="span2" type="text" placeholder="Email">
					<input class="span2" type="password" placeholder="Password">
					<button type="submit" class="btn">Sign in</button>
				</form>
			</div><!--/.nav-collapse -->
		</div>
	</div>
</div>


<form id="formularioCotizador" onsubmit="return validaFormulario()" method="post" action="cotizador.php">
	<!--Conjunto de datos Generales del usuario-->
	<div id="DatosGenerales" class="CajonDatos">
		<h4>General data</h4>
		<div class="row">
			<label>First name:<span class="rq">*</span></label>
			<input type="text" id="inputNombre" class="cuadrosTexto required" name="nombre" onblur="validarCampo(this);"></input>
		</div>
		<div class="row">
			<label>Last name:<span class="rq">*</span></label>
			<input type="text" id="inputApellido" class="cuadrosTexto required" name="apellido" onblur="validarCampo(this);"></input>
		</div>
		<div class="row">
			<label>E-mail:<span class="rq">*</span></label>
			<input type="text" id="inputEmail" class="cuadrosTexto required" name="email" onblur="validarCampo(this);"></input>
		</div>
		<div class="row">
			<label>Phone:<span class="rq">*</span></label>
			<input type="text" id="inputTelefono" class="cuadrosTexto required" name="telefono" onblur="validarCampo(this);"></input>
		</div>	
	</div>

<!--Conjunto de datos relacionados con el curso-->
<div id="DatosCurso" class="CajonDatos">
	<h4>Course data</h4>
	<div class="row">
		<label>Select location:<span class="rq">*</span></label>
		<select id="sedeCurso" name="sedeCurso" class="required" onchange="validarCampo(this);">
			<option value="0">...</option>
			<option value="1">Bogotá DC</option>
			<option value="2">Cartagena</option>
			<option value="3">Medellin</option>
			<option value="4">Panamá</option>
		</select><span id="espera" class="esperaImg"></span>
	</div>
	<div class="row">
		<label>Select course:<span class="rq">*</span></label>
		<select id="seleccionCurso" name="seleccionCurso"  class="required" onchange="validarCampo(this);">			
		</select></select><span id="esperaSem" class="esperaImg"></span>
	</div>
	<div class="row">
		<label>Course start date:<span class="rq">*</span></label>		
		<input size="30" id="f_date1" class="cuadrosFecha required" name="fechaCurso" /><button id="f_btn1" class="calendarioButton"></button>
			<script type="text/javascript">//<![CDATA[
			  Calendar.setup({
				inputField : "f_date1",
				trigger    : "f_btn1",
				onSelect   : function() { this.hide(); validarCampo(document.getElementById('f_date1')) },
				dateFormat : "%Y-%m-%d"
			  });			 
			//]]></script>
	</div>	
	<div class="row">		
		<label>Number of weeks:<span class="rq">*</span></label>
		<select id="selectNumeroSemanas" name="numeroSemanas" class="required" onchange="validarCampo(this);"></select>
		<span class="info" id="infoSemanas"></br>A greater number of weeks less value</span>
	</div>	
</div>

<!--Datos relacionados con servicios adicionales-->
<div id="ServiciosAdicionales" class="CajonDatos">
	<h4>Additional services</h4>
	<div class="row">
		<label>Insurance:</label>
		<select id="coberturaMedica" name="coberturaMedica" class="required" onchange="validarCampo(this);">
			<option value="0">...</option>
			<option value="5">Yes</option>
			<option value="0">No</option>
		</select>
	</div>
	<div class="row">
		<label>Airport transfer:</label>
		<select id="recogidaAeropuerto" name="recogidaAeropuerto" class="required" onchange="validarCampo(this);">
			<option value="0">...</option>
			<option value="7">Yes</option>
			<option value="0">No</option>
		</select>
	</div>
	<div class="row">
		<label>Accommodation:</label>
		<select id="alojamiento" name="alojamiento" class="required" onchange="validarCampo(this);">
			<option value="0">...</option>
			<option value="0">No</option>
			<option value="2">Private apartment</option>
			<option value="3">Homestay</option>
			<option value="4">Hostal</option>
		</select>
	</div>
	<div class="row" id="divNumNoches">
		<div class="rowDoble">
		<label>Start date:<span class="rq">*</span></label>
		<input size="30" id="f_date2" class="cuadrosFecha" name="fechaInicio" /><button id="f_btn2" class="calendarioButton"></button>
			<script type="text/javascript">//<![CDATA[
			  Calendar.setup({
				inputField : "f_date2",
				trigger    : "f_btn2",
				onSelect   : function() { this.hide(); validarCampo(document.getElementById('f_date2')) },
				dateFormat : "%Y-%m-%d"
			  });			 
			//]]></script>
		</div>
		<div class="rowDoble">
		<label>End date:<span class="rq">*</span></label>
		<input size="30" id="f_date3" class="cuadrosFecha" name="fechaFin" /><button id="f_btn3" class="calendarioButton"></button>
			<script type="text/javascript">//<![CDATA[
			  Calendar.setup({
				inputField : "f_date3",
				trigger    : "f_btn3",
				onSelect   : function() { this.hide(); validarCampo(document.getElementById('f_date3')) },
				dateFormat : "%Y-%m-%d"
			  });			 
			//]]></script>
		</div>
	</div>
	<div class="row" id="divDetallesAloj">
		<div id="chkApartamento">
			<input type="radio" name="apartamento1" value="1" checked>Standard<br>
			<input type="radio" name="apartamento1" value="2">Luxury<br>			
		</div>
		<div id="chkFamilia">
			<input type="radio" name="Familia1" value="3"  checked>Breakfast<br>
			<input type="radio" name="Familia1" value="4"  >Breakfast and dinner<br>
			<input type="radio" name="Familia1" value="5"  >Private bathroom, Breakfast and dinner<br>
			<input type="radio" name="Familia1" value="6"  >Double room, Private bathroom, Breakfast and dinner<br>
		</div>
	</div>
	
	<captcha>
	<input type="submit" value="Send" id="btnCotizar" />
	
</div>

</form>

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>

        <script src="js/vendor/bootstrap.min.js"></script>

        <script src="js/main.js"></script>

        <script>
		    var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
</body>
</html>
